<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#btn{
				width: 1200px;
				height: 1200px;
				border: 1px solid aqua;
			}
			#div1
			{
				border: 1px solid aqua;
				width: 400px;
				height: 350px;
			}
			#div2
			{
				border: 1px solid aqua;
				width: 400px;
				height: 100px;
				margin-top: 50px;	
			}
			#div3
			{
				margin:0 450px;
			}
			#p1
			{
				font-size: 22px;
				margin: 0 20px;
			}
			p{
				font-size:22px ;
				margin: 30px 20px;
			}
		    li{
				  list-style: none;
				  float: left;
				  font-size: 22px;
				  margin: 0 10px;
				 border: 1px solid aqua;
				 background-color: aqua;
			}
			input[type=button]
			{
				width: 300px;
				display: block;
				margin-top: 11px;
				
			}
		</style>
		<script type="text/javascript">
			/* 
			 getElementById通过id属性获取一个元素节点对象
			 getElementssByTagName通过标签名获取一组元素点对象
			  getElementByName通过name属性获取一组元素点对象*/
		</script>
	</head>
	<body>
		<div id="btn">
		<div>
		<div id="div1">
			<p id="p1">你喜欢哪个城市</p>
			<ul>
				<li>北京</li>
				<li>上海</li>
				<li>东京</li>
				<li>首尔</li>
			</ul>
		
		<br />
		
			<p class="p">你喜欢哪款单机游戏</p>
			<ul>
				<li>红警</li>
				<li>实况</li>
				<li>极品飞车</li>
				<li>魔兽</li>
			</ul>
		
		<br />
		
			<p class="p">你手机的操作系统是</p>
			<ul>
				<li>ios</li>
				<li>android</li>
				<li>windows</li>
				
			</ul>
		</div>
		<div id="div2">
			<span>gender:</span><input type="radio" name="lrt"/>Male <input type="radio" name="lrt" checked/> Female
		     <br /><br />
			 <span>name:</span><input type="text"/>
		</div>
		</div>
		
		<div id="div3">
			<input type="button" value="查找#bj节点"/>
			<input type="button" value="查找#bj节点"/>
			<input type="button" value="查找#bj节点"/>
			<input type="button" value="查找#bj节点"/>
			<input type="button" value="查找#bj节点"/>
			<input type="button" value="查找#bj节点"/>
			<input type="button" value="查找#bj节点"/>
			<input type="button" value="查找#bj节点"/>
			<input type="button" value="查找#bj节点"/>
			<input type="button" value="查找#bj节点"/>
			<input type="button" value="查找#bj节点"/>
		</div>
		</div>
	</body>
</html>